import request from "../../utils/request";
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图数据
    banners: [],
    // 推荐歌单数据
    recommendList: [],
    // 排行榜数据
    topList: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    const {
      banners
    } = await request("/banner", {
      type: 2,
    });
    this.setData({
      banners: banners,
    });
    // console.log('获取数据成功', banners)
    // 获取推荐歌单数据
    const {
      result
    } = await request("/personalized", {
      limit: 10,
    });
    // console.log('获取推荐歌单数据成功', result)
    this.setData({
      recommendList: result,
    });

    // 获取排行榜数据
    let index = 0;
    let resultArr = [];
    while (index < 5) {
      const {
        playlist
      } = await request("/top/list", {
        idx: index++
      });
      // console.log(playlist);
      let topListItem = {
        name: playlist.name,
        tracks: playlist.tracks.slice(0, 3)
      }
      resultArr.push(topListItem)
      // 放在这里渲染数据，用户体验较好，不需要等待5条数据都获取到了才一起去渲染
      this.setData({
        topList: resultArr
      })
    }
    console.log('排行榜数据', resultArr)
    // this.setData({
    //   topList: resultArr
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});